<template>
    <div>
        <div class="wallet-bg">
            <div class="wallet-money">1000</div>
            <div class="wallet-v">可提现金额</div>
        </div>

        <div style="position: relative;margin: 20px;top: -40px;height: 220px;border: 1px solid #eee;border-radius: 10px;background-color: #fff;">
            <div style="display: flex;">
                <div style="text-align: center;flex: 1;height: 40px;line-height: 40px; color: #FA74AE;border-bottom: 1px solid #FA74AE">提现24小时到账</div>
                <div style="text-align: center;flex: 1;height: 40px;line-height: 40px;">兑换V币24小时到账</div>
            </div>
            <div style="font-size: 13px;font-weight: bold;padding-left: 20px;padding-top: 15px;">提现金额</div>

            <div style="padding: 20px;position: relative;">
                <input  style="border: none;height: 40px;line-height: 40px;width: 90%;padding-left: 30px;font-size: 20px;display: inline-block;margin: 0 auto;" placeholder="请输入提现金额" />
                <div style="border-bottom: 1px solid #eee;"></div>
                <div style="font-size: 40px;font-weight: bold;position: absolute;left: 10px;top: 12px;">¥</div>
            </div>
            <mt-button style="color: #fff;border-radius: 30px;background-color: #E5E5E5;display: block;margin: 0 auto;padding: 0 80px;">
                提现
            </mt-button>
        </div>

        <mt-cell title="我的提现账户" style="border:  1px solid #eeeeee;">
            <img slot="icon" src="../assets/wallet.png" width="24" height="24">
        </mt-cell>

        <div style="color: #999999;padding-left: 10px;margin-top: 20px;">
            <div>提现账户（支付宝）：</div>
            <div>账户姓名（支付宝）：</div>
            <div>已绑手机：</div>
        </div>


        <mt-button @click="bindMobile" type="primary" style="margin:  0 auto;display: block;margin-top: 30px;background-color: #fff;border-radius: 20px;padding: 0 30px 0 30px;border: 1px solid #FA74AE;color: #FA74AE;">管理我的提现账户</mt-button>

        <div style="padding: 40px 20px 0 20px;position: relative;">
            <div style="border-top: 1px solid #999;"></div>
            <div style="ext-align: center;top: -22px;background-color: #fff;width: 100px;margin: 0 auto; margin-top: -12px;text-align: center;">提现规则</div>
        </div>
        <div style="padding:0 20px;font-size: 12px;color: #999999;height: 20px;line-height: 20px;">
            <div>1.只有认证大v才能提现；</div>
            <div>2.提现需绑定手机号和支付宝；</div>
            <div>3.可提现余额每满100元即可提现；</div>
            <div>4.如从事违反国家法律的行为，将冻结账户，v聊将保留提交公安机关的权利。</div>
        </div>

    </div>

</template>

<script>
    export default {
        name: "withdraw",
        methods:{
            bindMobile (){
                this.$router.push('bindMobile')
            }
        }
    }
</script>

<style scoped>
    .wallet-bg {
        width: 100%;
        height: 160px;
        background: linear-gradient(#FA74AE, #FAA0DC);
    }

    .wallet-money {
        text-align: center;
        font-size: 30px;
        color: #fff;
        padding-top: 40px;
    }

    .wallet-v {
        text-align: center;
        color: #fff;
        font-size: 13px;
    }

</style>